<template>
  <div class="block">
    <swiper class="swiper">
      <el-carousel-item v-for="(item, index) in topimg" :key="index" >
        <a :href="topimg[index].link">
          <img v-lazy="topimg[index]" alt=""  />
        </a>
      </el-carousel-item>
    </swiper>
  </div>
</template>

<script>
import Swiper from '../../../components/common/swiper/Swiper.vue';
export default {
  components: { Swiper },
  name: 'Detailswiper',

  data() {
    return {
      
    };
  },
  props:{
    topimg:{
      type:Array,
      default:''
    }
  },
  mounted() {
    
  },

  methods: {
    
  },
};
</script>

<style lang="css" scoped>
img {
  width: 100%;
  height: 100%;
}

/* 轮播图高度   深度设置css样式 */
.swiper >>> .el-carousel__container{
    height: 400px;
  }

</style>